import {app, shell, BrowserWindow, nativeImage, Tray, Menu} from 'electron'
import {join} from 'path'
import {electronApp, optimizer, is} from '@electron-toolkit/utils'
import icon from '../../resources/icon.png?asset'

// 主窗口
let mainWindow
// 主窗口显示状态
let isMainWindowShow = false
// 托盘图标
let tray: Tray
// 主窗口尺寸
const mainWindowSize = {
  width: 450,
  height: 700
}
// 托盘图标尺寸
const traySize = {
  width: 18,
  height: 18
}

function createWindow(): void {
  // Create the browser window.
  mainWindow = new BrowserWindow({
    width: mainWindowSize.width,
    height: mainWindowSize.height,
    show: false,
    autoHideMenuBar: true,
    ...(process.platform === 'linux' ? {icon} : {}),
    webPreferences: {
      preload: join(__dirname, '../preload/index.js'),
      sandbox: false
    },
    frame: false, // 不显示框架
    alwaysOnTop: true // 置顶显示
  })

  mainWindow.on('ready-to-show', () => {
    mainWindowToggle()
  })

  mainWindow.webContents.setWindowOpenHandler((details) => {
    shell.openExternal(details.url)
    return {action: 'deny'}
  })

  // HMR for renderer base on electron-vite cli.
  // Load the remote URL for development or the local html file for production.
  if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
    mainWindow.loadURL(process.env['ELECTRON_RENDERER_URL'])
  } else {
    mainWindow.loadFile(join(__dirname, '../renderer/index.html'))
  }
}

// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.whenReady().then(() => {
  // Set app user model id for windows
  electronApp.setAppUserModelId('com.electron')

  // Default open or close DevTools by F12 in development
  // and ignore CommandOrControl + R in production.
  // see https://github.com/alex8088/electron-toolkit/tree/master/packages/utils
  app.on('browser-window-created', (_, window) => {
    optimizer.watchWindowShortcuts(window)
  })

  if (process.platform === 'darwin') {
    app.dock.hide() // 隐藏Dock栏
  }

  createTray()

  createWindow()

  app.on('activate', function () {
    // On macOS it's common to re-create a window in the app when the
    // dock icon is clicked and there are no other windows open.
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})

// Quit when all windows are closed, except on macOS. There, it's common
// for applications and their menu bar to stay active until the user quits
// explicitly with Cmd + Q.
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

// In this file you can include the rest of your app"s specific main process
// code. You can also put them in separate files and require them here.

// 创建菜单栏托盘图标
function createTray(): void {
  // 创建图标
  let image = nativeImage.createFromPath(join(__dirname, '../../resources/icon.png'))
  // 重置尺寸
  image = image.resize(traySize)
  // 非模板图片（模板图片可以自适应深色主题）
  image.setTemplateImage(false)

  // 创建托盘对象
  tray = new Tray(image)
  // 设置提示文本
  tray.setToolTip('electron-tray-demo')

  // 右键菜单
  const contextMenu = Menu.buildFromTemplate([
    {
      label: '关闭应用',
      click(): void {
        app.quit()
      }
    }
  ])

  // 监听右击
  tray.on('right-click', () => {
    tray.popUpContextMenu(contextMenu)
  })

  // 监听左击
  tray.on('click', () => {
    mainWindowToggle()
  })
}

// 显示\隐藏主窗口
function mainWindowToggle(): void {
  // 切换状态
  isMainWindowShow = !isMainWindowShow

  // 重新定位主窗口
  mainWindow.setPosition(
    tray.getBounds().x - mainWindowSize.width / 2 + traySize.width / 2,
    tray.getBounds().y
  )

  // 显示\隐藏主窗口
  if (isMainWindowShow) {
    mainWindow.show()
  } else {
    mainWindow.hide()
  }
}
